<div class="bjui-pageContent">
    <div class="pageFormContent" data-layout-h="0">
        <div class="bjui-doc">
            <h3 class="page-header">第三方插件：Bootstrat-select —— 美化下拉选择框</h3>
            <blockquote>
                <p>本节主要介绍表下拉选择框插件 - Bootstrat-select，插件地址：<a href="http://silviomoreto.github.io/bootstrap-select/" target="_blank">http://silviomoreto.github.io/bootstrap-select/</a>。</p>
            </blockquote>
            <h4>初始化</h4>
            <ul>
                <li>Data属性：select添加属性<code>data-toggle="selectpicker"</code>后即可触发。<br>
                    <br><span class="label label-default">DOM示例：</span>　<select name="doc-select" data-toggle="selectpicker"><option value="A">选项A</option><option value="B">选项B</option><option value="C">选项C</option></select><br>
                    <p>示例代码：</p>
                    <pre class="brush: html">
                        &lt;select name="doc-select" data-toggle="selectpicker">
                            &lt;option value="A">选项A&lt;/option>
                            &lt;option value="B">选项B&lt;/option>
                            &lt;option value="C">选项C&lt;/option>
                        &lt;/select>
                    </pre>
                </li>
                <li>jQuery API：<a href="http://silviomoreto.github.io/bootstrap-select/" target="_blank">http://silviomoreto.github.io/bootstrap-select/</a></li>
            </ul>
            <h4>事件</h4>
            <p>无</p>
        </div>
    </div>
    <div class="bjui-footBar">
        <ul>
            <li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
        </ul>
    </div>
</div>